<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="<?php echo TEMPLATE_SITE_PATH; ?>images/logo.png"/>
<title><?php echo (empty($title) ? '' : $title . ' - ') . TITLE; ?></title>

<link rel="stylesheet" href="<?php echo TEMPLATE_SITE_PATH . 'bootstrap/css/bootstrap.css'; ?>" />
<!--<link rel="stylesheet" href="<?php echo TEMPLATE_SITE_PATH . 'bootstrap/css/bootstrap-responsive.css'; ?>" />-->
<link rel="stylesheet" href="<?php echo TEMPLATE_SITE_PATH . 'css/style.css'; ?>" />
<script src="<?php echo TEMPLATE_SITE_PATH . 'js/jquery-1.8.3.min.js'; ?>"></script>

<!-- ******* Main Slideshow ****** -->

<style>
ul.bxslider{
	margin: 0px 20px 0px 0px;
}
</style>
<link rel="stylesheet" href="<?php echo TEMPLATE_SITE_PATH . 'css/jquery.bxslider.css'; ?>" />
<script src="<?php echo TEMPLATE_SITE_PATH . 'js/jquery.bxslider.js'; ?>"></script>
<script src="<?php echo TEMPLATE_SITE_PATH . 'js/jquery.fitvids.js'; ?>"></script>
<script>
$(document).ready(function(e) {
    $('.bxslider').bxSlider({
      auto: true,
      autoControls: true
    });
//	$('.bxslider').bxSlider({
//	  mode: 'fade',
//	  captions: true
//	});
});
</script>
<!-- ******* End Main Slideshow ****** -->

<!-- ******* Start thumbnail Slideshow ****** -->
<script src="<?php echo TEMPLATE_SITE_PATH . 'js/jquery.carouFredSel-6.2.1-packed.js'; ?>"></script>
<script type="text/javascript" language="javascript">
	$(function() {
		//	Fuild layout, centering the items
		$('#thumbnailslide').carouFredSel({
			width: '100%',
			scroll: 2
		});

	});
</script>
<!-- ******* End thumbnail Slideshow ****** -->
    
<!-- start photo -->

	<script src="<?php echo site_url('hod_frontend/js/jquery.lightbox-0.5.js'); ?>"></script>
    <link rel="stylesheet" type="text/css" href="<?php echo site_url('hod_frontend/css/jquery.lightbox-0.5.css'); ?>" media="screen" />

<!-- end photo -->
<!-- datepicker -->
<link rel="stylesheet" href="<?php echo TEMPLATE_SITE_PATH . 'bootstrap/css/datepicker.css'; ?>" />
<script src="<?php echo TEMPLATE_SITE_PATH . 'bootstrap/js/bootstrap-datepicker.js'; ?>"></script>
<!-- end datepicker -->

</head>

<body>
<div id="main-wrapper">
    <div id="wrapper">	
        <?php include_once('header.php'); ?> 
        <?php include_once('slideshow.php'); ?>        
        <section class="container container-fluid">
            <div class="row-fluid">
                <aside class="sidebar">
                    <?php include_once('sidebar.php'); ?>
                </aside>
                
                <section class="main-content">
                	<h4><?php echo $action; ?></h4>
                <!-- include page here -->
                    <?php empty($page) ? '' : $this->load->view($page); ?>        
                <!-- end include page here -->        
                </section>         
            </div>    	  
        </section>
    
		<?php
        if(isset($show_donor) && $show_donor->num_rows() > 0){
			include_once('donor.php');
        }
        ?>         
        <?php include_once('footer.php'); ?>
    </div>
</div>

<script src="<?php echo TEMPLATE_SITE_PATH . 'bootstrap/js/bootstrap.js'; ?>"></script>
<script src="<?php echo TEMPLATE_SITE_PATH . 'js/custom.js'; ?>"></script>
<script type="text/javascript">
$(document).ready(function(e) {
	if($("html body").width() < 980)
		$('.dropdown-toggle').dropdown();
	
	$(window).resize(function(){
		if($("html body").width() < 980)
			$('.dropdown-toggle').dropdown();
	});
});

</script>
</body>
</html>
